<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<script>
		    document.addEventListener("plusready", function() {
		        // 注册返回按键事件
		        plus.key.addEventListener('backbutton', function() {
		            // 事件处理
		            window.history.back();
		        }, false);
		    });
		</script>

		<link rel="stylesheet" href="../../dist/css/swiper.css" />
		<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
		<script src="../../dist/js/swiper.js"></script>
		<script src="../../js/zepto.min.js"></script>
		<script src="../../js/idangerous.swiper.min.js"></script>
		<script src="../../js/echarts.min.js"></script>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				font-family: "微软雅黑";
			}
			
			.wrap {
				margin: 0 auto;
			}
			
			.tabs {
				height: 32px;
				background: #5AA9F3;
				width: 100%;
				padding-top: 8px;
				text-align: center
			}
			
			.tabs .part {
				display: block;
				float: left;
				width: 33%;
				color: #fff;
				text-align: center;
				height: 20px;
			}
			
			.tabs .part:first-child {
				border-right: 1px solid #ADDAFD;
			}
			
			.tabs a {
				width: 70px;
				display: block;
				color: #fff;
				text-align: center;
				margin: 0 auto;
				font-size: 16px;
				text-decoration: none;
				padding-bottom: 2px;
			}
			
			.tabs span.active a {
				color: #fff;
				border-bottom: 2px solid #fff;
			}
			
			.swiper-container {
				width: 100%;
				border-top: 0;
				margin-top: 10px!important
			}
			
			.swiper-slide {
				width: 100%;
				background: none;
				color: #373737;
			}
			
			p {
				text-align: center;
			}
			#header{
				width: 100px;
				height: 100px;
				background:url(../../img/bg/head.jpeg);
				background-size: 100px 100px;
				margin: 10px auto;
				border-radius: 50%;
			}
			p{
				font-size: 22px;
				margin: 10px auto;
			}
		</style>

	</head>

	<body class="bgc_gray">
		<div id="header">
		</div>
		<p>樱花落舞</p>
		<div class="pg-main">

			<div id="wrapper">
				<!--header end-->
				<div class="wrap">
					<div class="tabs">
						<span class="part active">
							<a href="#" hidefocus="true">
								24小时
							</a>
						</span>
						<span class="part" style="border-right: 1px solid #ADDAFD">
							<a href="#" hidefocus="true">
								关心内容
							</a>
						</span>
						<span class="part"><a href="#" hidefocus="true">个人信息</a></span>
					</div>

					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide swiper-slide-visible swiper-slide-active">
								<div class="content-slide">
									<div id="main" style="width: 300px;height: 250px;"></div>
        							<script type="text/javascript" src="../../js/Myphone.js"></script>
									<div id="LPerson" style="width: 450px;height: 250px;margin:10px auto"></div>
        							<script type="text/javascript" src="../../js/LPerson.js"></script>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="content-slide">
									<p>网络已经消失在风雨里</p>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="content-slide">
									<div style="height: 30px;width: auto;border-bottom: 1px solid gainsboro;">
										<p style="text-align: center;">江西理工大学</p>
										<div id="man" style="width: 300px;height: 100px;margin: 10px auto;"></div>
        								<script type="text/javascript" src="../../js/Man.js"></script>
        								<div id="School" style="width: 300px;height: 200px;margin: 10px auto;"></div>
        								<script type="text/javascript" src="../../js/MainSchool.js"></script>
									</div>
									
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>

		<script type="text/javascript" src="js/zepto.min.js"></script>
		<script type="text/javascript" src="js/swiper/idangerous.swiper.min.js"></script>
		<script type="text/javascript">
			$(function() {

				var tabsSwiper;
				tabsSwiper = new Swiper('.swiper-container', {
					speed: 500,
					onSlideChangeStart: function() {
						$(".tabs .active").removeClass('active');
						$(".tabs span").eq(tabsSwiper.activeIndex).addClass('active');
					}
				});

				$(".tabs span").on('touchstart mousedown', function(e) {
					e.preventDefault()
					$(".tabs .active").removeClass('active');
					$(this).addClass('active');
					tabsSwiper.swipeTo($(this).index());

				});

				$(".tabs span").click(function(e) {
					e.preventDefault();
				});

			}); //end
		</script>
	</body>

</html>